<template>
  <ve-card
    title="合同信息"
    :customContentStyle="{
      paddingTop: '32rpx',
      paddingBottom: '32rpx',
    }"
    :fold="showFold"
    v-bind="$attrs"
  >
    <template #status>
      <text class="allow-upload-exts">支持 jpg/png/jpeg/doc/docx/pdf</text>
    </template>
    <contract-pane
      class="contract-pane-item"
      mode="inline-card"
      v-for="(item, index) in form.contractList"
      :key="index"
      :contractIndex="index"
      :contractItem="item"
    />
  </ve-card>
</template>
<script setup>
  import { inject } from 'vue'
  import contractPane from './contract-pane.vue'

  defineProps({
    showFold: {
      type: Boolean,
      default: false,
    },
  })

  const form = inject('form')
</script>
<style lang="less" scoped>
  .allow-upload-exts {
    font-size: 22rpx;
    font-weight: 400;
    color: #9ea5bb;
    margin-left: 24rpx;
    // #ifdef H5
    zoom: 0.9;
    // #endif
  }
  .contract-pane-item + .contract-pane-item {
    margin-top: 24rpx;
  }
</style>
